<template>
<div>
	<router-link 
	:to="{name:'show',params:{userId:11}, query: { plan: 'private' }}">
	show</router-link>

	<router-link :to="{name:'list_show',params:{userId:22}}">childer show</router-link>
	meta:{{$route.meta}}
	<router-view></router-view>
	<mu-appbar title="Title">
	  <mu-icon-button icon="menu" slot="left"/>
	  <mu-flat-button label="expand_more" slot="right"/>
	  <mu-flat-button href="333" label="expand_more" slot="right"/>
	  <mu-icon-button icon="expand_more" slot="right"/>
	</mu-appbar>
</div>
</template>
<script>
export default {
	data(){
		return {

		}
	},beforeRouteEnter (to, from, next) {
	    // 在渲染该组件的对应路由被 confirm 前调用
	    // 不！能！获取组件实例 `this`
	    // 因为当钩子执行前，组件实例还没被创建
	    next();
	},
	beforeRouteUpdate (to, from, next) {
	    // 在当前路由改变，但是该组件被复用时调用
	    // 举例来说，对于一个带有动态参数的路径 /foo/:id，在 /foo/1 和 /foo/2 之间跳转的时候，
	    // 由于会渲染同样的 Foo 组件，因此组件实例会被复用。而这个钩子就会在这个情况下被调用。
	    // 可以访问组件实例 `this`
	    next();
	},
	beforeRouteLeave (to, from, next) {
	    // 导航离开该组件的对应路由时调用
	    // 可以访问组件实例 `this`
	    next();
	}
} 
</script>